0
1.9K
ViewsAdvertencia: se recibió `falso` para un atributo no booleano. ¿Cómo paso un booleano para un atributo booleano personalizado?
Warning: Received `false` for a non-boolean attribute `comingsoon`. If you want to write it to the DOM, pass a string instead: comingsoon="false" or comingsoon={value.toString()}.¿Cómo paso un booleano en un atributo personalizado para React?
Estoy usando componentes con estilo y pasando el atributo a través del componente. Aquí hay una foto de cómo estoy pasando el attr.
·
Santiago Trujillo
3 answers
Answer question0
Prueba esto en su lugar:
comingsoon={value ? 1 : 0}
·
Santiago Trujillo
Report
0
A partir de 5.1 , ahora puede usar accesorios transitorios ( $ ) que evitan que los accesorios se pasen al elemento DOM.
const Comp = styled.div` color: ${props => props.$draggable || 'black'}; `; render( <Comp $draggable="red" draggable="true"> Drag me! </Comp> );
·
Santiago Trujillo
Report
0
Tienes que agregar el prefijo $ al atributo:
$comingsoon={value}Styled Components había agregado accesorios transitorios en la versión 5.1: https://styled-components.com/docs/api#transient-props
·
Santiago Trujillo
Report
Answer question